<template>
  <div class="layout">
    <div class="nav">
      <van-tabbar v-model="active" route>
        <van-tabbar-item
          name="like"
          to="/layout/mian"
          icon="like-o"
          color="#1989fa"
          >标签</van-tabbar-item
        >
        <van-tabbar-item
          name="gift"
          to="/layout/collect"
          icon="gift"
          color="#1989fa"
          >标签</van-tabbar-item
        >
        <van-tabbar-item
          name="gem"
          to="/layout/view"
          icon="gem-o"
          color="#1989fa"
          >标签</van-tabbar-item
        >
        <van-tabbar-item
          name="bag"
          to="/layout/mine"
          icon="bag-o"
          color="#1989fa"
          >标签</van-tabbar-item
        >
      </van-tabbar>
    </div>

    <router-view></router-view>
  </div>
</template>

<script>
import { Notify } from "vant";
export default {
  data() {
    return {
      active: 0,
    };
  },
  methods: {
    onChange(index) {
      Notify({ type: "primary", message: index });
    },
  },
};
</script>

<style></style>
